body {
	position: relative;
	font: 85% "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 1em;
	background-image: url('../img/background.png');
	background-color: #cccccc;
}
a, a:hover {
	text-decoration: none;
}
#head .pull-right{
	padding-top: 2em;
	font-size: 1.2em;
}
#content{
	padding: 1em;
}
.luckydraw-trigger,.luckydraw-login{
	font-size: 1.3em;
}
#luckydraw-play{
	color: #149bdf;
}
#luckydraw{
	float: left;
	position: relative;
	background: url("../img/bg-luckydraw.png") no-repeat scroll 50% 100% rgba(0, 0, 0, 0);
}
.luckydraw-cycle{
	background: url("../img/lcycle-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 36px;
    position: absolute;
    right: -10px;
    top: 50%;
    width: 36px;
	margin-top: -18px;
}
.luckydraw-container,.luckydraw-reward{
	float: left;
}

.luckydraw-reward{
	list-style: decimal;
	font-size: 1.2em;
}
.luckydraw-reward li{
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.luckydraw-reward li .selected{
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -7px;
}
.luckydraw-reward li:last-child{
	border-bottom: 0;
}
.luckydraw-container{
	margin-top: -80px;
}
.luckydraw-control{
	float: left;
	padding-top: 120px;
	padding-left: 20px;
}
.luckydraw-control .item{
	padding: 5px;
}
.luckydraw-logo{
	background: url("../img/icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: absolute;
    margin: -64px 0 0 -64px;
    top: 50%;
	left: 50%;
    width: 128px;
	height: 128px;
}
#luckydraw-winning{
	color: #f00;
	font-weight: bold;
}
/*
*/
@media (max-width: 800px) {
	.luckydraw-reward{
		display: none;
	}
}
@media (max-width: 750px) {
	.luckydraw-container{
		padding-left: 30px;
	}
	.luckydraw-control{
		padding-top: 0;
		padding-left: 30px;
	}
	.luckydraw-control .item{
		float: left;
	}
}
a { cursor: pointer; }